<template>
	<view class="m-favloglist">
		<u-empty
			mode="car"
			icon="/static/data-none.png"
			:text="$t('favlog.list-empty')"
			:show="emptyShow"
		>
		</u-empty>
		<view class="m-loglist">
			<view class="loglit-item" v-for="(item,index) in list">
				<view class="flex-start" style="flex-wrap: nowrap;">
					<m-avatar :src="item.task.thumb" :size="45" :type="item.channel" :userId="item.channel_id" ></m-avatar>
					<view class="item-info">
						<view class="u-line-2">{{item.task.title}}</view>
						<view class="text-red" style="font-size: 28fpx;font-weight: bold;"> {{item.task.unit_price}}</view>
						<>
					</view>
					
					<!-- <view style="font-weight: 600;">{{item.num}}</view> -->
				</view>
				<view class="flex-between" style="margin-top: 5px;">
					<view style="font-size: 25rpx; color: #666;">
						{{item.create_time}}
					</view>
					<u-tag text="积分" size="mini" type="success" v-if="item.type=='integral'"></u-tag>
					<u-tag text="余额" size="mini" type="warning"  v-if="item.type=='money'"></u-tag>
				</view>	
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"m-favloglist",
		props: ['list'],
		data() {
			return {
				
			};
		},
        computed: {
            emptyShow: function () {
                 return this.list.length > 0 ? false : true;
            }
        },
	}
</script>

<style>
	.m-loglist{
	}
	.loglit-item{
		background-color: #fff;
		margin: 10px 30rpx;
		border-radius: 5px;
		padding: 10px;
		font-size: 28rpx;
	}
	.item-info{
		margin-left: 8px;
	}
	.m-avatar{
		
	}
</style>
